<template>
  <div class="dashboard-container">
    <div class="dashboard-text">欢迎您: 管理员</div>
<!--    <div class="dashboard-text">根据您的口味，为您精心推荐如下食品</div>-->
<!--    <div class="app-container">-->
<!--      <div class="block">-->
<!--        <span class="demonstration">炸鸡</span>-->
<!--        <el-image :src="src">-->
<!--          <div slot="placeholder" class="image-slot">-->
<!--            加载中<span class="dot">...</span>-->
<!--          </div>-->
<!--        </el-image></div>-->
<!--    </div>-->
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  },
  data() {
    return {
      src: 'https:test-xz-img.oss-cn-beijing.aliyuncs.com/test/timg.jpg'
    }
  }
}
console.log(mapGetters)
console.log(name)
</script>

<style lang="scss" scoped>
  .dashboard {
    &-container {
      margin: 30px;
    }

    &-text {
      font-size: 30px;
      line-height: 46px;
    }
  }
</style>
